<template>
  <section style="margin-top:20px;">
    <el-checkbox
      v-model="isShowPic"
      @change="switchChange">图片</el-checkbox>
      <!-- <button
      class="add"
      @click="add">新增</button>
    <button
      class="submit"
      @click="submit()">提交</button> -->
  </section>
</template>

<script>
export default {
  name: 'ProductControlTab',
  data () {
    return {
      isShowPic: false
    }
  },
  methods: {
    add () {
      this.$emit('add')
    },
    submit () {
      this.$emit('submit')
    },
    switchChange () {
      this.$emit('switchChange', this.isShowPic)
    }
  }
}
</script>

<style scoped>
button {
  width: 74px;
  height: 34px;
  cursor: pointer;
  margin-left: 10px;
  outline: none;
  border: 0;
  color: #fff;
  background: #2371c5;
}

.submit {
  background: #49c0af;
  margin-bottom: 15px;
  margin-left: 10px;
}
</style>
